<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"
      xmlns="http://www.w3.org/1999/html">

<head>
    <meta content="text/html;charset = utf-8" http-equiv="content-type">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

    <title>采购单列表</title>

    <link href="../lib/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="../lib/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
    <script src="../lib/AmazeUI-2.4.2/assets/js/amazeui.js" type="text/javascript"></script>
    <script src="../lib/vue/2.4.2/vue.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../lib/elementui/1.4.3/theme-default/index.css">
    <script src="../home/js/vue.min.js"></script>
    <script src="../lib/elementui/1.4.3/index.js"></script>
    <style>.center{  max-width: 100%;}.am-container{ max-width: 100%;}
    </style>
</head>

<body>
<div id="personOffers">
    <!--头 -->
    <div class="center" style="margin-top: -10px" align="center">
        <div class="col-main" align="center">
            <div class="am-container activity ">
                <div class="footer " style="margin-top: 0px;max-width: 100%">
                    <!--<table width="100%" class="mytable am-table am-table-bordered am-table-radius am-table-striped">
                        <thead>
                        <tr class="divTable">
                            <th >采购内容</th>
                            <th >采购人</th>
                            <th >收货地址</th>
                            <th >发起时间</th>
                            <th >截止时间</th>
                            <th >报价数</th>
                            <th >状态</th>
                            <th width="8%">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="offerTable_show in offerTable">
                            <td>{{offerTable_show.commodityName}}  [{{offerTable_show.commodityNum}}]</a>
                            </td>
                            <td>{{offerTable_show.purchaseUnit}}</td>
                            <td>{{offerTable_show.shippingAddress}}</td>
                            <td>{{offerTable_show.startTime}}</td>
                            <td>{{offerTable_show.deadline}}</td>
                            <td>{{offerTable_show.quotationNumber}}</td>
                            <td>
                            <span v-if="offerTable_show.type==0">
                            报价中
                        </span>
                                <span v-if="offerTable_show.type==1">
                            报价结束
                        </span>
                                <span v-if="offerTable_show.type==2">
                            报价已取消
                        </span>
                            </td>
                            <td>
                                <button type="button" class="am-btn am-btn-primary am-btn-xs" v-on:click="FX_Board(offerTable_show)" >
                                    参与报价
                                </button>
                            </td>
                        </tr>
                        </tbody>
                    </table>-->
                    <template>
                        <el-table :data="offerTable" style="margin-top:1px!important;" width="100%"  header-align="center">
                            <el-table-column prop="commodityName" prop="commodityNum" label="采购内容" show-overflow-tooltip  align="center">
                            </el-table-column>
                            <el-table-column prop="purchaseUnit" label="采购人" show-overflow-tooltip  align="center">
                            </el-table-column>
                            <el-table-column prop="shippingAddress" label="收货地址" show-overflow-tooltip  align="center">
                            </el-table-column>
                            <el-table-column prop="startTime"   label="发起时间"  align="center">
                            </el-table-column>
                            <el-table-column prop="deadline"  label="截止时间"  align="center">
                            </el-table-column>
                            <el-table-column label="报价数" prop="quotationNumber" show-overflow-tooltip align="center" >
                            </el-table-column>
                            <el-table-column label="状态" prop="type" :formatter="formatTime" show-overflow-tooltip align="center" >
                            </el-table-column>
                            <el-table-column label="操作"  align="center">
                                <template scope="scope">
                                    <el-button size="small" type="success" icon="el-icon-sold-out" @click="FX_Board(scope.row)">参与报价</el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                    </template>
                </div>
            </div>
            <!--底部-->
        </div>
    </div>
</div>
</body>
<script src="../charge/personOffers.js"></script>

</html>

